﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wap/Shop/ShopSite.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ZLCMS.Web.Wap.Shop.Default" %>
<%@ Register src="Footer.ascx" tagname="Footer" tagprefix="uc1" %>
<%@ Register src="UC_ShopNavBar.ascx" tagname="UC_ShopNavBar" tagprefix="uc2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>V.生活商城，正品保证，全省包邮</title>
    <script src="/wap/lib/iscroll-5/iscroll.js" type="text/javascript"></script>
    <style type="text/css">
        /*#navFixed .ui-navbar ul li a{ font-size: 14px; line-height: 20px; text-shadow: 0 0 0; background-color:#EBD3B1; color: #666666; padding: 9px 5px;}
	    #navFixed .ui-navbar ul li a.ui-btn-active, #navFixed .ui-navbar ul li a:active{ color:#604725; border-bottom-color:#f9384d; border-bottom: none; background-color:#bfa785;}*/
	
	    /** s jqm **/
	    .ui-grid-d>.ui-block-a,.ui-grid-d>.ui-block-b,.ui-grid-d>.ui-block-c,.ui-grid-d>.ui-block-d,.ui-grid-d>.ui-block-e {
            background: #ebd3b1;
        }
	    /** e jqm **/
	    
        .DefaultYMIndex { background-color: #ebd3b1; }
        .DefaultYMIndex .ui-header { background-color: #ebd3b1 !important; }
        
        /** s nav **/
        .DefaultYMIndex #nav li a { text-shadow: none; font-size: 14px; background-color: #ebd3b1; color: #c8996b; display: block; font-weight: normal; padding: 9px 5px; }
        .DefaultYMIndex #nav li.active a { background-color: #c8996b; color: #ebd3b1; }
        
        @media(max-width:320px){
            .DefaultYMIndex #nav li a { font-size: 13px; }
        }
        @media(min-width:900px){
            .DefaultYMIndex #nav li a { font-size: 24px; padding: 18px 20px; }
        }
        /** e nav **/
        
        /** s banner **/
        .DefaultYMIndex #banner img { width: 100%; vertical-align: top; }
        /** e banner **/
        
        /** s section **/
        .DefaultYMIndex .section  { width: 98%; margin: 2% auto; position: relative; }
        .DefaultYMIndex .section  img { width: 100%; }
        .DefaultYMIndex .section  a { position: absolute; }
        .DefaultYMIndex .section .title_left { top: 0; left: 0; width: 13%; height: 100%; }
        .DefaultYMIndex .section .title_right { top: 0; right: 0; width: 13%; height: 100%; }
        
        .DefaultYMIndex .dami .left_top { top: 0; left: 15%; width: 27%; height: 50%; }
        .DefaultYMIndex .dami .left_bottom { bottom: 0; left: 15%; width: 27%; height: 50%; }
        .DefaultYMIndex .dami .center_top { top: 0; right: 30%; width: 27%; height: 50%; }
        .DefaultYMIndex .dami .center_bottom { bottom: 0; right: 30%; width: 27%; height: 50%; }
        .DefaultYMIndex .dami .right { top: 0; right: 0; width: 28%; height: 100%; }
        
        .DefaultYMIndex .zaliang .left_top { top: 0; left: 0; width: 27%; height: 50%; }
        .DefaultYMIndex .zaliang .left_bottom { bottom: 0; left: 0; width: 27%; height: 50%; }
        .DefaultYMIndex .zaliang .center_top { top: 0; left: 29%; width: 27%; height: 50%; }
        .DefaultYMIndex .zaliang .center_bottom { bottom: 0; left: 29%; width: 27%; height: 50%; }
        .DefaultYMIndex .zaliang .right_top { top: 0; right: 15%; width: 28%; height: 50%; }
        .DefaultYMIndex .zaliang .right_bottom { bottom: 0; right: 15%; width: 28%; height: 50%; }
        
        .DefaultYMIndex .peifangmi .top_left { top: 0; left: 15%; width: 27%; height: 55%; }
        .DefaultYMIndex .peifangmi .top_right { top: 0; right: 0; width: 56%; height: 55%; }
        .DefaultYMIndex .peifangmi .bottom_left { bottom: 0; left: 15%; width: 41%; height: 43%; }
        .DefaultYMIndex .peifangmi .bottom_right { bottom: 0; right: 0; width: 43%; height: 43%; }
        /** e section **/
    </style>
    <script src="/wap/lib/jquery-countdown/dist/jquery.countdown.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="pages" runat="server">
    <!--S page -->
    <div data-role="page" id="mypage" class="DefaultYMIndex">
	    <!--S header -->
	    <div data-role="header" data-tap-toggle="false"  data-position="fixed">
    	<!--s nav-->
        <div id="navFixed">
            <div id="nav">
        	    <div data-role="navbar" nav="navFixed">
                  <ul style="border-bottom: 1px solid #c8996b;">
                    <li class="active"><a href="/Wap/Shop/DefaultYMIndex.aspx" data-theme="f" data-ajax="false" >首页</a></li>
                    <li><a href="/Wap/Shop/TYMCategory.aspx?categoryid=161&keyword=特惠有礼&bq=1" data-theme="f" <%=Request["bq"]=="1"?"class='ui-btn-active'":"" %> data-ajax="false" >大米</a></li>
                    <li><a href="/Wap/Shop/TYMCategory.aspx?categoryid=161&keyword=家庭组合&bq=2" data-theme="f" <%=Request["bq"]=="2"?"class='ui-btn-active'":"" %> data-ajax="false" >杂粮</a></li>
                    <li><a href="/Wap/Shop/TYMCategory.aspx?categoryid=161&keyword=健康有机&bq=3" data-theme="f" <%=Request["bq"]=="3"?"class='ui-btn-active'":"" %> data-ajax="false" >配方米</a></li>
                    <%--<li><a href="/Wap/Shop/TYMCategory.aspx?categoryid=161&keyword=老家杂粮&bq=4" data-theme="f" <%=Request["bq"]=="4"?"class='ui-btn-active'":"" %> data-ajax="false" >老家杂粮</a></li>--%>
                    <%--<li><a href="/Wap/Shop/TYMCategory.aspx?categoryid=161&keyword=配方养生&bq=5" data-theme="f" <%=Request["bq"]=="5"?"class='ui-btn-active'":"" %> data-ajax="false" >配方养生</a></li>--%>
                  </ul>
                </div>
            </div>
        </div>
        <!--e nav-->
<%--            <div class="nav">
                <div id="wrapper">
                    <ul class="items">
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">特惠有礼</a></li>
                        <li><a href="#">家庭精选</a></li>
                        <li><a href="#">健康有机</a></li>
                        <li><a href="#">老家杂粮</a></li>
                        <li><a href="#">配方养生</a></li>
                        <li><a href="#">儿童优选</a></li>
                    </ul>
                </div>
            </div>--%>
	    </div>
        <!--E header -->
	    <!--S content -->
	    <div role="main" class="ui-content storedefault">

            <%--<div id="banner">
                <img src="http://gdtvimg.weixinmvp.com/Upload/Home/YM/YMbanner.jpg" />
            </div>--%>

            <%--<div class="recommended">
                <img src="http://gdtvimg.weixinmvp.com/Upload/Home/YM/recommended.png" />
                <a class="left" href="#"></a>
                <a class="right_top" href="#"></a>
                <a class="right_bottom_left" href="#"></a>
                <a class="right_bottom_right" href="#"></a>
            </div>--%>

            <%--<div class="classify_title">
                <img src="http://gdtvimg.weixinmvp.com/Upload/Home//YM/classify.png" />
            </div>--%>

            <div class="section dami">
                <%--<img src="http://gdtvimg.weixinmvp.com/Upload/Home/YM/dami.png" />--%>
                <img src="/wap/shop/images/DefaultMooncake/dami.png" />
                <a class="title_left" href="#"></a>
                <a class="left_top" href="#"></a>
                <a class="left_bottom" href="#"></a>
                <a class="center_top" href="#"></a>
                <a class="center_bottom" href="#"></a>
                <a class="right" href="#"></a>
            </div>

            <div class="section zaliang">
                <%--<img src="http://gdtvimg.weixinmvp.com/Upload/Home/YM/zaliang.png" />--%>
                <img src="/wap/shop/images/DefaultMooncake/zaliang.png" />
                <a class="title_right" href="#"></a>
                <a class="left_top" href="#"></a>
                <a class="left_bottom" href="#"></a>
                <a class="center_top" href="#"></a>
                <a class="center_bottom" href="#"></a>
                <a class="right_top" href="#"></a>
                <a class="right_bottom" href="#"></a>
            </div>

            <div class="section peifangmi">
                <%--<img src="http://gdtvimg.weixinmvp.com/Upload/Home/YM/peifangmi.png" />--%>
                <img src="/wap/shop/images/DefaultMooncake/peifangmi.png" />
                <a class="title_left" href="#"></a>
                <a class="top_left" href="#"></a>
                <a class="top_right" href="#"></a>
                <a class="bottom_left" href="#"></a>
                <a class="bottom_right" href="#"></a>
            </div>

            <%--<div class="section laojiazaliang">
                <img src="http://gdtvimg.weixinmvp.com/Upload/Home/YM/jiatingjingxuan.png" />
                <img src="/wap/shop/images/DefaultMooncake/laojiazaliang.png" />
                <a class="title_right laojia" href="#"></a>
                <a class="top_left" href="#"></a>
                <a class="top_right" href="#"></a>
                <a class="bottom_left" href="#"></a>
                <a class="bottom_right" href="#"></a>
            </div>--%>
 	    </div>
        <!--E content -->
	
        <!--S footer -->
	    <%--<div data-role="footer" data-position="fixed" data-tap-toggle="false">
         <uc1:Footer ID="Footer1" runat="server" MenuId="D" />  
        </div>--%>
        <!--E footer -->
    </div>
    <!--E page -->
    
<%--    <script src="js/clamp.min.js"></script>--%>

<script src="/wap/lib/common/loaderHandler.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $("#wrapper .items li").bind("click", function () {
            $(this).addClass("active").siblings().removeClass("active");
        })


        setTimeout(function () {
            myScroll = new iScroll('wrapper');
        }, 500)

        var $nav_list = $(".items li");

        $(".items").width($nav_list.width() * $nav_list.length);
    })
</script>
</asp:Content>
